<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"/>
	<title>Bozeman Baseball</title>
	<link rel="stylesheet" href="css/bozball.min.css" />
	<link rel="stylesheet" href="css/jquery.mobile.min.css" />
	<link rel="stylesheet" href="css/custom.css" />
	
<style>
.ui-footer
{
	
}
</style>
	
	<script type="text/javascript">
		StatusLoaded = function(){};
	</script>
		
</head> 
<body data-theme="a"> 
<div data-role="page" id="home" data-theme="a" data-add-back-btn="true">
	<div id="homeheader" data-role="header">
		<h1 id="logo">Bozeman Baseball Mobile</h1>
	</div><!-- /header -->
	
	<div data-role="content">
		
		<ul id="status_list" data-role="listview" data-inset="true"></ul>
		
		<div id="blogpost" class="ui-corner-all" style="padding:4px"></div>
		
		<div>
			<a id="refresh_rss_button" data-icon="refresh" data-role="button" data-mini="true">
			  Refresh RSS
			</a> 
			<a id="refresh_button" data-icon="refresh" data-role="button" data-mini="true">
			  Refresh Status
			</a> 
		</div>
		
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed">
		<small style="float:right;margin:8px">&copy;2011 Bozeman Baseball</small>
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" data-theme="a" id="team_home" data-add-back-btn="true">
	<div id="homeheader" data-role="header">
		<h1 id="logo"><span class="teamname">Bozeman Baseball</span></h1>
		<a class="ui-btn-right" data-iconpos="notext" data-icon="home" href="#home" title="Home" rel='external'>
			<span>Home</span>
		</a>
	</div><!-- /header -->
	
	<div data-role="content">
	
		<div id="team_display" class="team_display">
		</div>
		
		<hr/>
		
		<ul id="team_nav_list" data-role="listview" data-inset="true">
			<li><a href="#games_page" data-transition='slide'>Games</a></li>
			<li><a href="#players_page" data-transition='slide'>Players</a></li>
			<li><a href="#coaches_page" data-transition='slide'>Coaches</a></li>
		</ul>
		
		<a id="startup_button" data-icon="check" data-role="button" data-mini="true">
			  Toggle Favorite
		</a> 
				
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed">
		<small style="float: right">&copy;2011 Bozeman Baseball</small>
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" data-theme="b" id="coaches_page">
	<div data-role="header">
		<a href="#home" data-icon="back" data-rel="back">Back</a>
		<h1 class="header"><span class="teamname">Bozeman Baseball</span> Coaches</h1>
		<a class="ui-btn-right" data-direction="reverse" data-iconpos="notext" data-icon="home" href="#home" title="Home" rel='external'>
			<span>Home</span>
		</a>
	</div><!-- /header -->
	
	<div data-role="content">
		
		<ul id="coach_list" class="list" data-role="listview" data-inset="true"></ul>
				
		<div class="team_blog blog_post"></div>
		
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed">
		<small style="float: right">&copy;2011 Bozeman Baseball</small>
	</div><!-- /footer -->
<script type="text/javascript">

</script>
</div><!-- /page -->

<div data-role="page" data-theme="b" id="players_page">
	<div data-role="header">
		<a href="#home" data-icon="back" data-rel="back">Back</a>
		<h1 class="header"><span class="teamname">Bozeman Baseball</span> Players</h1>
		<a class="ui-btn-right" data-direction="reverse" data-iconpos="notext" data-icon="home" href="#home" title="Home" rel='external'>
			<span>Home</span>
		</a>
	</div><!-- /header -->
	
	<div data-role="content">
		
		<ul class="list" data-role="listview" data-inset="true"></ul>
				
		<div class="team_blog blog_post"></div>
		
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed">
		<small style="float: right">&copy;2011 Bozeman Baseball</small>
	</div><!-- /footer -->
<script type="text/javascript">

</script>
</div><!-- /page -->

<div data-role="page" data-theme="b" id="games_page">
	<div data-role="header">
		<a href="#home" data-icon="back" data-rel="back">Back</a>
		<h1 class="header"><span class="teamname">Bozeman Baseball</span> Games</h1>
		<a class="ui-btn-right" data-direction="reverse" data-iconpos="notext" data-icon="home" href="#home" title="Home" rel='external'>
			<span>Home</span>
		</a>
	</div><!-- /header -->
	
	<div data-role="content">
		
		<ul class="list" data-role="listview" data-inset="true"></ul>
				
		<div class="team_blog blog_post"></div>
		
	</div><!-- /content -->
	
	<div data-role="footer" data-position="fixed">
		<small style="float:right;margin:8px">&copy;2013 Bozeman Baseball</small>
	</div><!-- /footer -->

</div><!-- /page -->


<script type="text/javascript" src="cordova.js"></script>


<script type="text/javascript" src="js/json2.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.mobile.min.js"></script>
<script type="text/javascript" src="js/jquery.tmpl.min.js"></script>

<script type="text/javascript" src="js/index.js"></script>
<script  type="text/javascript" src="js/application.js"></script>

<script type="text/javascript">
	/**
	 * Main Function
	 */
	$(function() {
		$.mobile.widget.addBackBtn = true;
		if (jQuery.type(navigator.network) != 'undefined' &&
			navigator.network.connection.type == Connection.NONE) alert('No Connection');
		$.bozStatus.init();
		app.initialize();
	});
</script>

</body>
</html>